﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="计算器.aspx.cs" Inherits="作业.Calculator" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>计算器</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/bootstrap.min.js"></script>
    <style>
        #body {
               text-align:center;
               padding-top:100px
        }
        #background {
               border-style: solid;
            border-width: 1px;
            text-align:center;
               border-color:inherit;
               width:500px;
               margin:auto;
               border-radius:20px;
               box-shadow:0px 0px 20px lightgray
        }

    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="body" class="form-inline">
            <div id="background">
                <h1>计算器</h1>
            <p>
                数字1：<asp:TextBox placeholder="请输入一个数字" class="form-control" ID="TxtNum1" runat="server"></asp:TextBox>
            </p>
            <p>
                数字2：<asp:TextBox placeholder="请输入一个数字" class="form-control" ID="TxtNum2" runat="server"></asp:TextBox>
            </p>
            <p>
                选择符号：<asp:DropDownList class="form-control" ID="DrDoSign" runat="server">
                    <asp:ListItem Value="+">+</asp:ListItem>
                    <asp:ListItem Value="-">-</asp:ListItem>
                    <asp:ListItem Value="*">*</asp:ListItem>
                    <asp:ListItem Value="/">/</asp:ListItem>
                    <asp:ListItem></asp:ListItem>
                </asp:DropDownList>
            </p>
                <asp:Button type="button" class="btn btn-success" ID="BtnSub" runat="server" Text="计算" OnClick="BtnSub_Click" />
                <h3><asp:Label ID="LabResult" runat="server" Text=""></asp:Label></h3>
            </div>

        </div>
    </form>
</body>
</html>
